<%= render "navbar"%>

<div class="org_banner">
  <div class="container">
    <div class="row">
      <div class="col-md-4 col-xs-12 org_logo">
        <img src="http://7i7g8l.com1.z0.glb.clouddn.com/ee5c49ccb6e3a19af67bcce27e761ffa57f0727b-097ac7a16c40c375c28c4bc9c4ce4a4caff6963e.png" class="logo" alt="">
      </div><!--
   --><div class="col-md-8 col-xs-12 org_desc">
        <h3>机构简介</h3>
        <p>宁波江东东安路帆赛拉空S大框架房龄塞进阿飞囧大反年装啊三赛季阿里饭萨丁了飞宁波江东东安路帆赛拉空S大框架房龄塞进阿飞囧大反年装啊三赛季阿里饭萨丁了飞宁波江东东安路帆赛拉空S大框架房龄塞进阿飞囧大反年装啊三赛季阿里饭萨丁了飞宁波江东东安路帆赛拉空S大框架房龄塞进阿飞囧大反年装啊三赛季阿里饭萨丁了飞。<br>
        宁波江东东安路帆赛拉空S大框架房龄塞进阿飞囧大反年装啊三赛季阿里饭萨丁了飞宁波江东东安路帆赛拉空S大框架房龄塞进阿飞囧大反年装啊三赛季阿里饭萨丁了飞宁波江东东安路帆赛拉空S大框架房龄塞进阿飞囧大反年装啊三赛季阿里饭萨丁了飞宁波江东东安路帆赛拉空S大框架房龄塞进阿飞囧大反年装啊三赛季阿里饭萨丁了飞宁波江东东安路帆赛拉空S大框架房龄塞进阿飞囧大反年装啊三赛季阿里饭萨丁了飞宁波江东东安路帆赛拉空S大框架房龄塞进阿飞囧大反年装啊三赛季阿里饭萨丁了飞。</p>
      </div>
    </div>
    
  </div>
</div>

<div class="container org_info_item">
  <div class="row">
    <div class="col-md-4 col-xs-12 ">
      <span class="icon"><i class="fa fa-phone"></i></span>
      <p>咨询西瓜校园</p>
      <p>0574-55838171</p>
    </div>
    <div class="col-md-4 col-xs-12">
      <span class="icon"><i class="fa fa-home"></i></span>
      <p>机构地址</p>
      <p>宁波市彩虹南路11号</p>
    </div>
    <div class="col-md-4 col-xs-12">
      <span class="icon"><i class="fa fa-internet-explorer"></i></span>
      <p>浏览量</p>
      <p>111</p>
    </div>
  </div>
</div>

<% #a标签的href放点开的大图的链接 title是点开后下面的图片标题 里面的img是小的缩略图  %>
<div class="org_photo container">
  <h2 class="list_title">机构照片墙</h2>
  <div id="org_photo_slide" class="carousel slide" data-ride="carousel">
      <!-- Indicators -->
      <ol class="carousel-indicators">
        <li data-target="#org_photo_slide" data-slide-to="0" class="active"></li>
        <li data-target="#org_photo_slide" data-slide-to="1"></li>
      </ol>

      <!-- Wrapper for slides -->
      <div class="carousel-inner" role="listbox">
        <div class="item active">
          <div class="row">
            <% 3.times do |i| %>
              <div class="col-md-4">
                <a class="fancybox" rel="gallery1" href="http://7i7g8l.com1.z0.glb.clouddn.com/ee5c49ccb6e3a19af67bcce27e761ffa57f0727b-097ac7a16c40c375c28c4bc9c4ce4a4caff6963e.png" title="机构LOGO"><img src="http://7i7g8l.com1.z0.glb.clouddn.com/ee5c49ccb6e3a19af67bcce27e761ffa57f0727b-097ac7a16c40c375c28c4bc9c4ce4a4caff6963e.png" alt="" /></a>
              </div>
            <% end %>
          </div>
        </div>
        <div class="item">
          <div class="row">
            <% 3.times do |i| %>
              <div class="col-md-4">
                <a class="fancybox" rel="gallery1" href="http://7i7g8l.com1.z0.glb.clouddn.com/ee5c49ccb6e3a19af67bcce27e761ffa57f0727b-097ac7a16c40c375c28c4bc9c4ce4a4caff6963e.png" title="机构LOGO"><img src="http://7i7g8l.com1.z0.glb.clouddn.com/ee5c49ccb6e3a19af67bcce27e761ffa57f0727b-097ac7a16c40c375c28c4bc9c4ce4a4caff6963e.png" alt="" /></a>
              </div>
            <% end %>
          </div>
        </div>
      </div>

      <!-- Controls -->
      <a class="left arrow fa fa-angle-left" href="#org_photo_slide" role="button" data-slide="prev">
      </a>
      <a class="right arrow fa fa-angle-right" href="#org_photo_slide" role="button" data-slide="next">
      </a>
    </div>

</div>

<div class="org_class_list container">
  <h2 class="list_title">机构上线精品课程展示</h2>
  <% 1.times do |i| %>
  <div class="row class_item_row">
    <div class="col-md-4 col-xs-12 col-md-height col-md-top">
      <img src="http://7i7g8l.com1.z0.glb.clouddn.com/77752f6be23e5411aee56e7dcde10fab718c27e5-4dd1981524738933089e81b67f63940fe53d6241.png" class="class_img" alt="">
    </div>
    <div class="col-md-6 col-xs-12 col-md-height col-md-top">
      <h3 class="class_title">新托福60分精品班</h3>
      <p>托福TPO1-17套，讲解托福技巧讲解托福技巧讲解托福技巧，讲解托福技巧讲解托福技巧讲解托福技巧</p>
      <div class="row more_row">
        <div class="col-xs-5">
          <a href="#" class="more_info">了解详情></a>
        </div>
        <div class="col-xs-7">
          <p class="apply_num">已有<span class="num">129</span>人浏览报名</p>
        </div>
      </div>
    </div>
    <div class="col-md-2 col-xs-12 col-md-height col-md-top">
      <div class="row class_btn_row">
        <div class="col-xs-6">
          <a class="buy" href="#">购买一次</a>
        </div>
        <div class="col-xs-6">
          <a class="consult" href="#">咨询</a>
        </div>
      </div>
    </div>
  </div>
  <% end %>
  <% 1.times do |i| %>
  <div class="row class_item_row">
    <div class="col-md-4 col-xs-12 col-md-height col-md-top">
      <img src="http://7i7g8l.com1.z0.glb.clouddn.com/77752f6be23e5411aee56e7dcde10fab718c27e5-4dd1981524738933089e81b67f63940fe53d6241.png" class="class_img" alt="">
    </div>
    <div class="col-md-6 col-xs-12 col-md-height col-md-top">
      <h3 class="class_title">新托福60分精品班</h3>
      <p>托福TPO1-17套，讲解托福技巧讲解托福技巧讲解托福技巧，讲解托福技巧讲解托福技巧讲解托福技巧</p>
      <div class="row more_row">
        <div class="col-xs-5">
          <a href="#" class="more_info">了解详情></a>
        </div>
        <div class="col-xs-7">
          <p class="apply_num">已有<span class="num">129</span>人浏览报名</p>
        </div>
      </div>
    </div>
    <div class="col-md-2 col-xs-12 col-md-height col-md-top">
      <span class="price"><sup>￥</sup>100</span>
    </div>
  </div>
  <% end %>
</div>

<script type="text/javascript">
  $(document).ready(function() {
    $(".fancybox").fancybox({
      openEffect  : 'none',
      closeEffect : 'none'
    });
  });
</script>